@import "variables.scss";
@import "../../../common/css/size.scss";
.app-body{
  background: #fff;
}
.app-content{
  //height: calc(100% - 2rem);
  height: 100%;
}
.m-container{
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 2rem);
}

.headPic {
  border: $_1 solid $borderC;
}

.border1{
   border:$_1 solid $borderC;
 }
.borderT{
  border-top :$_1 solid $borderC;
}
.borderB{
  border-bottom:$_1 solid $borderC ;
}
.borderR{
  border-radius: 50%;
}
.borderT10{
  border-top: $_10 solid $cbMainf5;
}
.borderB10{
  border-bottom: $_10 solid $cbMainf5;
}
.borderN{
  border:none;
}

/*文案页面以下*/
.introTitle{
  height:  $_50;
  //line-height: $_50;
  //width:  calc(100% - 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  padding: 0 $_20;
  font-size: $_14;
  //text-align: center;
  border-bottom:$_1 solid $borderC ;
}
.introContent{
  width: calc(100% - #{$_20});
  padding: $_10 $_10 0 $_10;
  position: absolute;
  top: $_50;
  height: calc(100% - #{$_50});
  overflow-y: auto;
}
/*文案页面以上*/

/*文字...缩略*/
.over-hide {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*产品标题*/
.tProTitle{
  width: 93%;
}

/*下滑加载更多触发器*/
.thend {
  //width: $_600;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background: #fff;
  i {
    color: $cMain;
  }
}
.thend {
  //width: 50%;
  width: 100%;
  display: inline-table;
  //visibility: visible;
}
.thend.visibhide {
  visibility: hidden;
}

/*升降序图标*/

.ascen{
  background: url('../img/product/ascen.png') no-repeat 0.12rem 0;
  background-size: $_10 $_5;
}
.desc{
  background: url('../img/product/desc.png') no-repeat  0.12rem 0;
  background-size: $_10 $_5;
}

/*input框 光标示意*/
.focusIcon{
  height: $_14;
  border-left:$_2 solid $cMain;
}

/*tag标签颜色变化*/
.Tag:nth-child(5n+1) {
  background: #6DA0E6;
}
.Tag:nth-child(5n+2) {
  background: #F59120;
}
.Tag:nth-child(5n+3) {
  background: #F8B34C;
}
.Tag:nth-child(5n+4) {
  background: #FF7D58;
}
.Tag:nth-child(5n+5) {
  background: #19BD9B;
}

/*编辑图标 铅笔图标*/
.editPen {
  width: $_12;
  height: $_12;
  background: url('../img/user/edit-icon.png')no-repeat;
  background-size: $_12;
}

/*tag标签*/
.tag2{

}

/*错误提示样式*/
.has-error{
  color: red;
  border:$_1 solid red;
  padding: $_3 $_10;
}

/*底部大bottom*/

.sum{
  width: 100%;
  height:$_45;
  left: 0;
  position: absolute;
  bottom: $_1
}

/*选中样式 可为通用*/
.checkit{
  height: $_50;
  background: url("../img/common/roundF7.png") no-repeat $_15;
  background-size: $_16 $_16;
  //padding:0.8rem ;
}
.checkit.active{
  height: $_50;
  background: url("../img/common/checkedBlue.png") no-repeat $_15;
  background-size: $_16 $_16;
  //padding:0.8rem ;
}


/*selecting 组件*/
.selecting {
  min-width:  $_35;
  font-size: $_14;
  //height: $_37;
  border: none;
  //line-height: $_37;
  color: #666;
  appearance: none;
  text-align: center;
  font-family: "微软雅黑";
  position: static;
  position: relative;
  display: inline-block;
}

.selecting .select-title {
  min-width: $_35;
  margin-left: 0px;
  text-align: center;
  width: 100%;
  /* padding: 0 10px; */
  /* padding-right: 15px; */
}

.selecting .s-list {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  //position: absolute;
  min-width: $_35;
  margin-top: $_5;
  z-index: 11;
  .active {
    background-color: $cMain;
    color: #fff
  }
}

.selecting:before {
  width: 0.01rem;
  right: 0.2rem;
  bottom: 0;
  position: absolute;
  content: url(../img/user/icon_ang_down_mini.png);
}

.selecting li {
  clear: both;
  height: 1rem;
  line-height: 1rem;
  color: $cMain;
  background: #fff;
  border-bottom: 0.025rem solid $borderC;
   border-left: 0.025rem solid $borderC;
  border-right: 0.025rem solid $borderC;
  text-align: center;
}
.e-hide{
  display:none;
}

//.selecting li:hover {
//  background: #4db7da;
//  color: #fff;
//}

.p-i-right .selecting {
  //width: $_640;
  line-height: $_47;
}

.p-i-right .selecting .select-title {
  background: #fff;
}


/*图片尺寸*/
.pic60{
  width: $_60;
  height: $_60;
}
.pic40{
  width: $_40;
  height: $_40;
}

/*暂无数据*/
.nodata{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: $cMain;
  font-size: $_14;
  position: absolute;
}
.nodatamini{
  position: relative !important;
  height: $_40;
}
/*loading状态*/
.icon-spinner{
  color: $cMain;
}